﻿@section ScriptCSS{
    <script>
        $(function () {
            var data = [@Html.Raw(ViewBag.Json)];
            $.plot("#placeholder", [data], {
                series: {
                    bars: {
                        show: true,
                        barWidth: 0.8,
                        align: "center"
                    }
                },
                xaxis: {
                    mode: "categories",
                    tickLength: 0
                }
            });
        });
    </script>
    <style>
        #placeholder {
            width: 90%;
            height: 400px;
            font-size: 14px;
            line-height: 1.2em;
            margin: 70px auto 0;
        }
        .wrap {
            padding-top: 30px;
        }
    </style>
}
@section Panel{
    <ul class="panel">
        @foreach (var group in Kooboo.CMS.Sites.Extension.UI.TopToolbar.ToolbarButtons.GetToolbarButtons(ViewContext.RequestContext))
        {
            @Html.Partial("_ToolbarGroupButtons", group)
        }
    </ul>
}
<div class="topbar clearfix">
    <h1 class="title">
        @ViewBag.Title
    </h1>
</div>
<div class="common-table fixed wrap">
    <div id="placeholder"></div>
</div>